<!doctype html>
<html>
<head>
	<meta charset="utf-8">
	
	<title>体育教学部</title>
	
	<link rel="stylesheet" type="text/css" href="css/index.css">
	<link rel="stylesheet" type="text/css" href="https://cdn.bootcss.com/ionicons/2.0.1/css/ionicons.min.css">
</head>
<body>
	<header class="header">
		<img class="logo-1" src="http://news.culr.edu.cn/tyjxb/images/logo1.png" title="logo"/>
		<img class="logo-2" src="http://news.culr.edu.cn/tyjxb/images/logo2.png" title="logo"/>
		<form class="search" action="#" method="GET">
			<input class="search-text" name="search" type="text"/>
			<div class="icon ion-search search-submit"></div>
		</form>
		<nav>
			<ul>
				<li><a href="#">首页</a></li>
				<li><a href="#">体育委员会</a></li>
				<li><a href="#">体育教学部</a></li>
				<li><a href="#">政策法规</a></li>
				<li><a href="#">体育教学</a></li>
				<li><a href="#">学术科研</a></li>
				<li><a href="#">学术体育</a></li>
				<li><a href="#">学生体育</a></li>
				<li><a href="#">阳光体育</a></li>
				<li><a href="#">下载专区</a></li>
			</ul>
		</nav>
	</header>
	
	<main>
		<img class="take-turns" src="http://news.culr.edu.cn/tyjxb/images/content/2017-06/20170608152420296434.jpg" title="页首图"/>
		
		<div class="clear-float">
			<article class="News-components">
				<header class="news-header">
					<h2 class="news-title"><a href="#">新闻动态</a></h2>
					<h2 class="news-more"><a href="#">MORE</a></h2>
				</header>
				<section>
				<div class="section">
					<ul>
						<li class="icon ion-speakerphone"><a href="#">我校乒乓球女队在2018年首都高校乒乓球锦标赛中斩获第一名</a></li>
						<li class="icon ion-speakerphone"><a href="#">我校乒乓球女队在2018年首都高校乒乓球锦标赛中斩获第一名</a></li>
						<li class="icon ion-speakerphone"><a href="#">我校乒乓球女队在2018年首都高校乒乓球锦标赛中斩获第一名</a></li>
						<li class="icon ion-speakerphone"><a href="#">我校乒乓球女队在2018年首都高校乒乓球锦标赛中斩获第一名</a></li>
					</ul>
				</div>
				</section>
			</article>
			
			<article class="Notification-components">
				<header class="news-header">
					<h2 class="news-title"><a href="#">通知动态</a></h2>
					<h2 class="news-more"><a href="#">MORE</a></h2>
				</header>
				<section>
				<div class="section">
					<ul>
						<li><a href="#">我校乒乓球女队在2018年首都高校乒乓球锦标赛中斩获第一名</a></li>
						<li><a href="#">我校乒乓球女队在2018年首都高校乒乓球锦标赛中斩获第一名</a></li>
						<li><a href="#">我校乒乓球女队在2018年首都高校乒乓球锦标赛中斩获第一名</a></li>
						<li><a href="#">我校乒乓球女队在2018年首都高校乒乓球锦标赛中斩获第一名</a></li>
					</ul>
				</div>
				</section>
			</article>
		
			<article class="last-componts">
				<header class="news-header">
					<h2 class="news-title"><a href="#">新闻动态</a></h2>
					<h2 class="news-more"><a href="#">MORE</a></h2>
				</header>
				<section>
				<div class="section">
					<ul>
						<li><a href="#">我校乒乓球女队在2018年首都高校乒乓球锦标赛中斩获第一名</a></li>
						<li><a href="#">我校乒乓球女队在2018年首都高校乒乓球锦标赛中斩获第一名</a></li>
						<li><a href="#">我校乒乓球女队在2018年首都高校乒乓球锦标赛中斩获第一名</a></li>
						<li><a href="#">我校乒乓球女队在2018年首都高校乒乓球锦标赛中斩获第一名</a></li>
					</ul>
				</div>
				</section>
			</article>
			
			<article class="pe-componts clear-font">
				<header class="pe-title">
					<h2>体育测试信息查询</h2>
				</header>
				<section>
				<div class="pe-form">
					<form action="#" method="get">
					<div class="form-text">
						<label class="label" for="acctount">用户名</label>
						<input type="text" name="acctount"/>
					</div>
					<div class="form-text">
						<label class="label" for="password">密码</label>
						<input type="password" name="password"/>
					</div>
					<div class="form-text">
						<input class="last-input" type="submit" value="查询"/>
					</div>
					</form>
				</div>
				</section>
			</article>
		</div>
	</main>
	
	<footer class="footer">
		<header>
			<h3>相关连接：</h3>
		</header>
		<section>
		<div>
			<img src="http://news.culr.edu.cn/tyjxb/images/images_07.png" title="logo"/>
			<p>
				地址；北京市海淀区增光路45号
				邮编：100048
				电子邮箱：tywyh@ciir.edu.cn
				&copy;Copyright China Institute Of Industria
			</p>
		</div>
		</section>
	</footer>
</body>
</html>